/**
 * @description 列表的模板数据
 */
const detailDefaultData = {
  version: '001',
  base: {

  },
  blockKeys: ["attr", "detailpicture", "thumbsup", "detailtab", "chapter", "discuss", "detailhot_title"],
  templateKeys: ["detailhot"],
  page: {
    classname: ".detailpage",
    default: {
      position: "relative",
      width: "1400px",
      margin: "0 auto",
      padding: "0",
      display: "flex",
      flexWrap: "wrap"
    }
  },
  share: {
    classname: ".detailpage .ant-float-btn-group",
    default: {
      position: "fixed",
      "z-index": "99",
      right: "24px",
      bottom: "48px"
    }
  },
  attr: {
    base: {
      storeup_icon: "StarFilled",
      unStoreup_icon: "StarOutlined",
      countdown_format: "D 天 H 时 m 分 s 秒",
    },
    attr_box: {
      classname: ".attr",
      default: {
        width: "400px",
        margin: "0",
        padding: "0 0 0 30px",
        order: "2",
        flex: "1 1 auto",
      }
    },
    attr_title: {
      classname: ".attr .title",
      default: {
        width: "100%",
        height: "50px",
        margin: "0 0 10px 0",
        padding: "0",
        display: "flex",
        justifyContent: "space-between",
        alignItems: "center",
      }
    },
    attr_title_text: {
      classname: ".attr .title .text",
      default: {
        fontSize: "24px",
        color: "inherit",
        fontWeight: "700"
      }
    },
    attr_title_btn: {
      classname: ".attr .title .btn",
      "default": {
        height: "32px",
        width: "auto",
        padding: "4px 15px",
        fontSize: "14px",
        color: "rgba(0, 0, 0, 0.88)",
        background: "#ffffff",
        border: "1px solid #d9d9d9",
        borderRadius: "6px",
        boxShadow: "0 2px 0 rgba(0, 0, 0, 0.02)",
      },
      "hover": {
        color: "#4096ff",
        border: "1px solid #4096ff",
        background: "#ffffff",
      }
    },
    attr_coupon: {
      classname: ".attr .coupon",
      default: {
        width: "100%",
        height: "50px",
        margin: "0 0 10px 0",
        padding: "0",
        display: "flex",
        justifyContent: "space-between",
        alignItems: "center",
      }
    },
    attr_coupon_btn: {
      classname: ".attr .coupon .btn",
      "default": {
        height: "32px",
        width: "auto",
        padding: "4px 15px",
        fontSize: "14px",
        color: "rgba(0, 0, 0, 0.88)",
        background: "#ffffff",
        border: "1px solid #d9d9d9",
        borderRadius: "6px",
        boxShadow: "0 2px 0 rgba(0, 0, 0, 0.02)",
      },
      "hover": {
        color: "#4096ff",
        border: "1px solid #4096ff",
        background: "#ffffff",
      }
    },
    attr_countdown: {
      classname: ".attr .countdown",
      default: {
        width: "100%",
        height: "50px",
        margin: "0 0 10px 0",
        padding: "0 10px",
        display: "flex",
        justifyContent: "flex-start",
        alignItems: "center",
        gap: "20px"
      }
    },
    attr_countdown_label: {
      classname: ".attr .countdown .label",
      default: {
        fontSize: "14px",
        color: "#9E9E9E",
        fontWeight: "400"
      }
    },
    attr_countdown_text: {
      classname: ".attr .countdown .text",
      default: {
        fontSize: "20px",
        color: "#000000",
        fontWeight: "700"
      }
    },
    attr_price: {
      classname: ".attr .price",
      default: {
        width: "100%",
        height: "50px",
        margin: "0 0 10px 0",
        padding: "0 10px",
        display: "flex",
        justifyContent: "flex-start",
        alignItems: "center",
        gap: "20px"
      }
    },
    attr_price_label: {
      classname: ".attr .price .label",
      default: {
        fontSize: "14px",
        color: "#9E9E9E",
        fontWeight: "400"
      }
    },
    attr_price_text: {
      classname: ".attr .price .text",
      default: {
        fontSize: "20px",
        color: "#CA0000",
        fontWeight: "700"
      }
    },
    attr_link: {
      classname: ".attr .link",
      default: {
        width: "100%",
        height: "50px",
        margin: "0 0 10px 0",
        padding: "0 10px",
        display: "flex",
        justifyContent: "flex-start",
        alignItems: "center",
        gap: "20px"
      }
    },
    attr_link_label: {
      classname: ".attr .link .label",
      default: {
        fontSize: "14px",
        color: "#9E9E9E",
        fontWeight: "400"
      }
    },
    attr_link_text: {
      classname: ".attr .link .text",
      "default": {
        fontSize: "16px",
        color: "#1890ff",
        cursor: "pointer"
      },
      "hover": {
        color: "#69b1ff",
      }
    },
    attr_others: {
      classname: ".attr .others",
      default: {
        width: "100%",
        height: "50px",
        margin: "0 0 10px 0",
        padding: "0 10px",
        display: "flex",
        justifyContent: "flex-start",
        alignItems: "center",
        gap: "20px"
      }
    },
    attr_others_label: {
      classname: ".attr .others .label",
      default: {
        fontSize: "14px",
        color: "#9E9E9E",
        fontWeight: "400"
      }
    },
    attr_others_text: {
      classname: ".attr .others .text",
      default: {
        fontSize: "16px",
        color: "#000000",
      }
    },
    attr_audio: {
      classname: ".attr .audio",
      default: {
        width: "100%",
        height: "50px",
        margin: "0 0 10px 0",
        padding: "0 10px",
        display: "flex",
        justifyContent: "flex-start",
        alignItems: "center",
        gap: "20px"
      }
    },
    attr_audio_label: {
      classname: ".attr .audio .label",
      default: {
        fontSize: "14px",
        color: "#9E9E9E",
        fontWeight: "400"
      }
    },
    attr_audio_text: {
      classname: ".attr .audio .text",
      default: {
        width: "300px",
        height: "40px",
      }
    },
    attr_pay: {
      classname: ".attr .pay-btn",
      default: {
        width: "100%",
        height: "auto",
        margin: "0 0 10px 0",
        padding: "0",
        display: "flex",
        flexWrap: "wrap",
        justifyContent: "flex-start",
        alignItems: "center",
        gap: "10px"
      }
    },
    attr_number: {
      classname: ".attr .input-number",
      "default": {
        width: "120px",
        height: "auto",
        fontSize: "14px",
        color: "rgba(0, 0, 0, 0.88)",
        background: "#ffffff",
        border: "1px solid #d9d9d9",
        borderRadius: "6px",
      },
      "focus": {
        borderColor: "#1677ff",
        boxShadow: "0 0 0 2px rgba(5, 145, 255, 0.1)",
        outline: "0"
      }
    },
    attr_cart: {
      classname: ".attr .pay-btn .cart",
      "default": {
        height: "32px",
        width: "auto",
        padding: "4px 15px",
        fontSize: "14px",
        color: "rgba(0, 0, 0, 0.88)",
        background: "#ffffff",
        border: "1px solid #d9d9d9",
        borderRadius: "6px",
        boxShadow: "0 2px 0 rgba(0, 0, 0, 0.02)",
      },
      "hover": {
        color: "#4096ff",
        border: "1px solid #4096ff",
        background: "#ffffff",
      }
    },
    attr_buy: {
      classname: ".attr .pay-btn .buy",
      "default": {
        height: "32px",
        width: "auto",
        padding: "4px 15px",
        fontSize: "14px",
        color: "rgba(0, 0, 0, 0.88)",
        background: "#ffffff",
        border: "1px solid #d9d9d9",
        borderRadius: "6px",
        boxShadow: "0 2px 0 rgba(0, 0, 0, 0.02)",
      },
      "hover": {
        color: "#4096ff",
        border: "1px solid #4096ff",
        background: "#ffffff",
      }
    },
    attr_score: {
      classname: ".attr .pay-btn .score",
      "default": {
        height: "32px",
        width: "auto",
        padding: "4px 15px",
        fontSize: "14px",
        color: "rgba(0, 0, 0, 0.88)",
        background: "#ffffff",
        border: "1px solid #d9d9d9",
        borderRadius: "6px",
        boxShadow: "0 2px 0 rgba(0, 0, 0, 0.02)",
      },
      "hover": {
        color: "#4096ff",
        border: "1px solid #4096ff",
        background: "#ffffff",
      }
    },
    attr_reserve: {
      classname: ".attr .pay-btn .reserve",
      "default": {
        height: "32px",
        width: "auto",
        padding: "4px 15px",
        fontSize: "14px",
        color: "rgba(0, 0, 0, 0.88)",
        background: "#ffffff",
        border: "1px solid #d9d9d9",
        borderRadius: "6px",
        boxShadow: "0 2px 0 rgba(0, 0, 0, 0.02)",
      },
      "hover": {
        color: "#4096ff",
        border: "1px solid #4096ff",
        background: "#ffffff",
      }
    },
    attr_action: {
      classname: ".attr .action-btn",
      default: {
        width: "100%",
        height: "auto",
        margin: "0 0 10px 0",
        padding: "0",
        display: "flex",
        flexWrap: "wrap",
        justifyContent: "flex-start",
        alignItems: "center",
        gap: "10px"
      }
    },
    attr_edit: {
      classname: ".attr .action-btn .edit",
      "default": {
        height: "32px",
        width: "auto",
        padding: "4px 15px",
        fontSize: "14px",
        color: "rgba(0, 0, 0, 0.88)",
        background: "#ffffff",
        border: "1px solid #d9d9d9",
        borderRadius: "6px",
        boxShadow: "0 2px 0 rgba(0, 0, 0, 0.02)",
      },
      "hover": {
        color: "#4096ff",
        border: "1px solid #4096ff",
        background: "#ffffff",
      }
    },
    attr_delete: {
      classname: ".attr .action-btn .delete",
      "default": {
        height: "32px",
        width: "auto",
        padding: "4px 15px",
        fontSize: "14px",
        color: "rgba(0, 0, 0, 0.88)",
        background: "#ffffff",
        border: "1px solid #d9d9d9",
        borderRadius: "6px",
        boxShadow: "0 2px 0 rgba(0, 0, 0, 0.02)",
      },
      "hover": {
        color: "#4096ff",
        border: "1px solid #4096ff",
        background: "#ffffff",
      }
    },
    attr_other: {
      classname: ".attr .action-btn .other",
      "default": {
        height: "32px",
        width: "auto",
        padding: "4px 15px",
        fontSize: "14px",
        color: "rgba(0, 0, 0, 0.88)",
        background: "#ffffff",
        border: "1px solid #d9d9d9",
        borderRadius: "6px",
        boxShadow: "0 2px 0 rgba(0, 0, 0, 0.02)",
      },
      "hover": {
        color: "#4096ff",
        border: "1px solid #4096ff",
        background: "#ffffff",
      }
    },
  },
  detailpicture: {
    base: {
      arrows: true,
      autoplay: false,
      autoplaySpeed: 3000,
      dotPosition: 'bottom',
      dots: true,
    },
    detailpicture_box: {
      classname: '.detailpicture',
      default: {
        width: "600px",
        height: "auto",
        margin: "0",
        padding: "0",
        order: "1",
      }
    },
    detailpicture_pre: {
      classname: '.detailpicture .slick-prev',
      default: {
        width: "24px",
        height: "24px",
        color: "#fff",
        opacity: "0.4",
        background: "transparent",
      },
      hover: {
        opacity: '1'
      }
    },
    detailpicture_pre_icon: {
      classname: '.detailpicture .slick-prev::after',
      default: {
        width: "16px",
        height: "16px",
        borderWidth: "2px 0 0 2px"
      }
    },
    detailpicture_next: {
      classname: '.detailpicture .slick-next',
      default: {
        width: "24px",
        height: "24px",
        color: "#fff",
        opacity: "0.4",
        background: "transparent",
      },
      hover: {
        opacity: '1'
      }
    },
    detailpicture_next_icon: {
      classname: '.detailpicture .slick-next::after',
      default: {
        width: "16px",
        height: "16px",
        borderWidth: "2px 0 0 2px"
      }
    },
    detailpicture_dot_box: {
      classname: '.detailpicture.ant-carousel .slick-dots li',
      default: {
        position: "relative",
        display: "inline-block",
        flex: "0 1 auto",
        width: "auto",
        height: "auto",
        "margin": "4px",
        padding: "0"
      }
    },
    detailpicture_dot: {
      classname: '.detailpicture.ant-carousel .slick-dots li button',
      default: {
        position: "relative",
        display: "block",
        width: "16px",
        height: "8px",
        padding: "0",
        color: "transparent",
        fontSize: 0,
        background: "#ffffff",
        border: "0",
        borderRadius: "3px",
        opacity: 0.2,
      },
      hover: {
        opacity: "1",
      }
    },
    detailpicture_dot_active: {
      classname: '.detailpicture.ant-carousel .slick-dots li.slick-active button',
      default: {
        width: "24px",
        background: "#ffffff",
        opacity: "1",
      }
    },
    detailpicture_img: {
      classname: '.detailpicture.ant-carousel .ant-image-img',
      default: {
        height: "500px",
        "object-fit": "cover"
      }
    },
  },
  thumbsup: {
    base: {
      like_icon: "LikeOutlined",
      like_active_icon: "LikeFilled",
      unlike_icon: "DislikeOutlined",
      unlike_active_icon: "DislikeFilled",
    },
    thumbsup_box: {
      classname: '.thumbsup',
      default: {
        position: "absolute",
        left: "0",
        top: "400px",
        zIndex: "1",
        width: "600px",
        height: "auto",
        margin: "0",
        padding: "0",
        order: "3",
        display: "flex",
        justifyContent: "center"
      }
    },
    thumbsup_like: {
      classname: '.thumbsup .like',
      default: {
        width: "230px",
        height: "40px",
        margin: "0",
        padding: "0",
        color: "#fff",
        background: "#0A1E75",
        borderRadius: "5px 0 0 5px",
        display: "flex",
        justifyContent: "center",
        alignItems: "center",
        gap: "10px",
        cursor: "pointer"
      },
      hover: {
        color: "#1890ff"
      }
    },
    thumbsup_like_active: {
      classname: '.thumbsup .like.active',
      default: {
        borderRadius: "5px",
      },
    },
    thumbsup_like_icon: {
      classname: '.thumbsup .like .icon',
      default: {
        fontSize: "inherit",
      },
    },
    thumbsup_like_text: {
      classname: '.thumbsup .like .text',
      default: {
        fontSize: "inherit",
      },
    },
    thumbsup_unlike: {
      classname: '.thumbsup .unlike',
      default: {
        width: "230px",
        height: "40px",
        margin: "0",
        padding: "0",
        color: "#000",
        background: "#D9F0FF",
        borderRadius: "0 5px 5px 0",
        display: "flex",
        justifyContent: "center",
        alignItems: "center",
        gap: "10px",
        cursor: "pointer"
      },
      hover: {
        color: "#1890ff"
      }
    },
    thumbsup_unlike_active: {
      classname: '.thumbsup .unlike.active',
      default: {
        borderRadius: "5px",
      },
    },
    thumbsup_unlike_icon: {
      classname: '.thumbsup .unlike .icon',
      default: {
        fontSize: "inherit",
      },
    },
    thumbsup_unlike_text: {
      classname: '.thumbsup .unlike .text',
      default: {
        fontSize: "inherit",
      },
    },

  },
  detailvideo: {
    classname: '.detailvideo',
    default: {
      width: "100%",
      height: "400px",
      margin: "30px 0",
      padding: "0",
      background: "#000",
      order: "4"
    }
  },
  detailtab: {
    detailtab_box: {
      classname: '.detailtab',
      default: {
        width: "100%",
        height: "auto",
        margin: "40px 0",
        padding: "0",
        order: "5",
        display: "flex",
        flexDirection: "column",
      }
    },
    detailtab_content: {
      classname: '.detailtab .ant-tabs-content-holder',
      default: {
        width: "auto",
        height: "auto",
        margin: "0",
        padding: "0",
        flex: "auto",
      }
    },
    detailtab_bar: {
      classname: '.detailtab >.ant-tabs-nav',
      default: {
        width: "100%",
        height: "auto",
        margin: "0 0 16px 0",
        padding: "0",
        position: "relative",
        display: "flex",
        flex: "none",
        alignItems: "center",
      }
    },
    detailtab_bar_list: {
      classname: '.detailtab >.ant-tabs-nav .ant-tabs-nav-list',
      default: {
        position: "relative",
        flex: "auto",
        background: "none",
        padding: "0",
        display: "flex",
        transition: " opacity 0.3s",
        gap: "32px"
      }
    },
    detailtab_bar_item: {
      classname: '.detailtab.ant-tabs .ant-tabs-tab',
      default: {
        position: "relative",
        display: "inline-flex",
        alignItems: "center",
        padding: "12px 0",
        margin: "0",
        fontSize: "14px",
        color: "rgba(0, 0, 0, 0.88)",
        background: "transparent",
        border: "none",
        outline: "none",
        cursor: "pointer",
      },
      hover: {
        color: "#4096ff",
      }
    },
    detailtab_bar_item_active: {
      classname: '.detailtab.ant-tabs .ant-tabs-tab.ant-tabs-tab-active',
      default: {
        color: "#1677ff",
      },
    },
  },
  chapter: {
    chapter_box: {
      classname: '.chapter',
      default: {
        width: "auto",
        height: "auto",
        margin: "0",
        padding: "0",
      }
    },
    chapter_title: {
      classname: '.chapter .title',
      default: {
        width: "auto",
        height: "auto",
        margin: "0 0 20px 0",
        padding: "0",
        fontSize: "20px",
        fontWeight: "600",
        color: "#000",
        background: "none"
      }
    },
    chapter_list: {
      classname: '.chapter .list-box',
      default: {
        width: "auto",
        height: "auto",
        margin: "0",
        padding: "0 0 20px 0",
        display: "flex",
        flexWrap: "wrap",
        gap: "20px"
      }
    },
    chapter_item: {
      classname: '.chapter .item',
      default: {
        width: "23%",
        height: "32px",
        margin: "0",
        padding: "0",
        border: "1px solid #eee",
        color: "#000",
        background: "none",
        cursor: "pointer",
        display: "flex",
        justifyContent: "center",
        alignItems: "center",
        gap: "8px"
      },
      hover: {
        color: "#4096ff",
        borderColor: "#4096ff",
      }
    },
    chapter_text: {
      classname: '.chapter .text',
      default: {
        color: "inherit",
        fontSize: "inherit"
      }
    },
    chapter_icon: {
      classname: '.chapter .icon',
      default: {
        color: "inherit",
        fontSize: "inherit"
      }
    },
  },
  discuss: {
    base: {
      score_icon: "StarFilled",
      ok_btn: "提交",
      reset_btn: "重置",
    },
    discuss_box: {
      classname: '.discuss',
      default: {
        width: "100%",
        height: "auto",
        margin: "0",
        padding: "20px"
      }
    },
    discuss_form: {
      classname: '.discuss .discuss-form',
      default: {
        width: "100%",
        height: "auto",
        margin: "0 0 30px 0",
        padding: "0"
      }
    },
    discuss_ql: {
      classname: '.discuss .quill-item',
      default: {
        "margin-bottom": "20px"
      }
    },
    "discuss_ql_header": {
      "classname": ".discuss .ql-toolbar.ql-snow",
      "default": {
        "border": "1px solid #ccc"
      }
    },
    "discuss_ql_container": {
      "classname": ".discuss .ql-container.ql-snow",
      "default": {
        "border": "1px solid #ccc",
        "height": "280px",
      }
    },
    discuss_score: {
      classname: '.discuss .score-item',
      default: {
        "margin-bottom": "20px"
      }
    },
    discuss_btn: {
      classname: '.discuss .btn',
      default: {
        margin: "0",
        padding: "0",
        display: "flex",
        gap: "20px"
      }
    },
    "discuss_ok": {
      "classname": ".discuss .btn .submit",
      "default": {
        "fontSize": "14px",
        "color": "#fff",
        "background": "#1677ff",
        "borderRadius": "6px",
        "border": "1px solid transparent"
      },
      "hover": {
        "color": "#fff",
        "background": "#4096ff"
      }
    },
    "discuss_reset": {
      "classname": ".discuss .btn .reset",
      "default": {
        "fontSize": "14px",
        "color": "rgba(0, 0, 0, 0.88)",
        "background": "#ffffff",
        "border": "1px solid #d9d9d9",
        "borderRadius": "6px",
      },
      "hover": {
        "color": "#4096ff",
        "border": "1px solid #4096ff",
        "background": "#ffffff"
      }
    },
    discuss_comments: {
      classname: '.discuss .comment-wrapper',
      default: {
        margin: "0",
        padding: "0"
      }
    },
    discuss_comments_item: {
      classname: '.discuss .comment-item',
      default: {
        margin: "0",
        padding: "0",
        borderRadius: "10px",
        boxShadow: "0px 0px 10px 0px rgba(0,0,0,0.3)",

      }
    },
    discuss_comments_comment: {
      classname: '.discuss .comment-item .comment',
      default: {
        margin: "0 0 20px 0",
        padding: "20px",
        display: "flex",
        flexWrap: "wrap"
      }
    },
    discuss_comment_img: {
      classname: '.discuss .comment .avatar',
      default: {
        width: "60px",
        height: "60px",
        margin: "0 10px 0 0",
        borderRadius: "10px",
        objectFit: "cover",
        order: "1",
      }
    },
    discuss_comment_namebox: {
      classname: '.discuss .comment .name-box',
      default: {
        flex: "1 1 auto",
        margin: "0",
        padding: "0",
        order: "2",
      }
    },
    discuss_comment_name: {
      classname: '.discuss .comment .name',
      default: {
        "fontSize": "14px",
        "color": "rgba(0, 0, 0, 0.88)",
      }
    },
    discuss_comment_score: {
      classname: '.discuss .comment .score',
      default: {
        margin: "10px 0 0 0",
        padding: "0",
      }
    },
    discuss_comment_btn: {
      classname: '.discuss .comment .btn-box',
      default: {
        margin: "0",
        padding: "0",
        display: "flex",
        justifyContent: "flex-end",
        gap: "10px",
        order: "3"
      }
    },
    "discuss_comment_reply": {
      "classname": ".discuss .comment  .reply",
      "default": {
        "fontSize": "14px",
        "color": "rgba(0, 0, 0, 0.88)",
        "background": "#ffffff",
        "border": "1px solid #d9d9d9",
        "borderRadius": "6px",
      },
      "hover": {
        "color": "#4096ff",
        "border": "1px solid #4096ff",
        "background": "#ffffff"
      }
    },
    "discuss_comment_delete": {
      "classname": ".discuss .comment  .delete",
      "default": {
        "fontSize": "14px",
        "color": "rgba(0, 0, 0, 0.88)",
        "background": "#ffffff",
        "border": "1px solid #d9d9d9",
        "borderRadius": "6px",
      },
      "hover": {
        "color": "#4096ff",
        "border": "1px solid #4096ff",
        "background": "#ffffff"
      }
    },
    discuss_comment_content: {
      classname: '.discuss .comment .content',
      default: {
        width: "100%",
        margin: "10px 0",
        padding: "0 0 0 70px",
        order: "4",
        overflow: "hidden"
      }
    },
    discuss_reply: {
      classname: '.discuss .replycomment',
      default: {
        margin: "0 0 20px 0",
        padding: "0 20px 0 90px"
      }
    },
    discuss_reply_item: {
      classname: '.discuss .replycomment .reply-item',
      default: {
        margin: "0",
        padding: "10px 0 0 0",
        borderTop: "1px dashed #0812A3",
        display: "flex",
        flexWrap: "wrap"
      }
    },
    discuss_reply_img: {
      classname: '.discuss .replycomment .avatar',
      default: {
        width: "60px",
        height: "60px",
        margin: "0 10px 0 0",
        borderRadius: "10px",
        objectFit: "cover",
        order: "1",
      }
    },
    discuss_reply_namebox: {
      classname: '.discuss .replycomment .name-box',
      default: {
        flex: "1 1 auto",
        margin: "0",
        padding: "0",
        order: "2",
      }
    },
    discuss_reply_name: {
      classname: '.discuss .replycomment .name',
      default: {
        "fontSize": "14px",
        "color": "rgba(0, 0, 0, 0.88)",
      }
    },
    discuss_reply_btn: {
      classname: '.discuss .replycomment .btn-box',
      default: {
        margin: "0",
        padding: "0",
        display: "flex",
        justifyContent: "flex-end",
        gap: "10px",
        order: "3"
      }
    },
    "discuss_reply_delete": {
      "classname": ".discuss .replycomment  .delete",
      "default": {
        "fontSize": "14px",
        "color": "rgba(0, 0, 0, 0.88)",
        "background": "#ffffff",
        "border": "1px solid #d9d9d9",
        "borderRadius": "6px",
      },
      "hover": {
        "color": "#4096ff",
        "border": "1px solid #4096ff",
        "background": "#ffffff"
      }
    },
    discuss_reply_content: {
      classname: '.discuss .replycomment .content',
      default: {
        width: "100%",
        margin: "10px 0",
        padding: "0 0 0 70px",
        order: "4",
        overflow: "hidden"
      }
    },
  },
  detailhot_box: {
    classname: ".detailhot",
    default: {
      width: "100%",
      padding: "0",
      margin: "0",
      order: "6",
    },
  },
  detailhot_title: {
    detailhot_title: {
      classname: ".detailhot .title",
      default: {
        width: "100%",
        height: "50px",
        padding: "0",
        margin: "0",
        display: "flex",
        justifyContent: "center",
        alignItems: "center",
        borderWidth: "1px 0 1px 0",
        borderColor: "#1A3194",
        borderStyle: "solid",
        gap: "20px"
      },
    },
    detailhot_title_text: {
      classname: ".detailhot .title .text",
      default: {
        fontSize: '24px',
        color: "#1A3194",
        padding: "0",
        margin: "0",
      },
    },
    detailhot_title_subtext: {
      classname: ".detailhot .title .subtext",
      default: {
        fontSize: '12px',
        color: "#000",
        padding: "0",
        margin: "0",
      },
    },
  },
  detailhot: {
    base: {
      type: "1",
      limit: 4,
      iconFlag: true,
      labelFlag: true
    },
    detailhot_list_box: {
      classname: '.detailhot .good-list-1',
      default: {
        width: "100%",
        height: "auto",
        padding: "20px 0",
        margin: "0",
        display: "flex",
        flexWrap: "wrap",
        justifyContent: "space-between",
        alignItems: "flex-start",
        gap: "20px"
      }
    },
    detailhot_list_item: {
      classname: '.detailhot .good-list-1 .item',
      default: {
        flex: "0 0 auto",
        width: "20%",
        height: "auto",
        padding: "10px",
        border: "1px solid #eee",
        position: "relative",
        cursor: "pointer",
        transition: "boxShadow 0.3s linear,transform 0.3s linear"
      },
      hover: {
        boxShadow: "0px 4px 5px 0px rgba(0,0,0,0.3)",
        transform: "translateY(-10px)"
      }
    },
    detailhot_list_img: {
      classname: '.detailhot .good-list-1 .item .img-box',
      default: {
        width: "100%",
        height: "160px",
        borderRadius: "10px",
        overflow: "hidden"
      }
    },
    detailhot_list_img_img: {
      classname: '.detailhot .good-list-1 .item .img',
      default: {
        width: "100%",
        height: "100%",
        objectFit: "cover"
      }
    },
    detailhot_list_info: {
      classname: '.detailhot .good-list-1 .item .info-box',
      default: {
        width: "100%",
        height: "auto",
        margin: "0",
        padding: "0"
      }
    },
    detailhot_list_name: {
      classname: '.detailhot .good-list-1 .item .name',
      default: {
        color: "#000000",
        fontSize: "18px",
        fontWeight: "600",
        margin: "10px 0",
      }
    },
    detailhot_list_price: {
      classname: '.detailhot .good-list-1 .item .price',
      default: {
        color: "#E72C59",
        fontSize: "16px",
        fontWeight: "600",
        margin: "10px 0",
      }
    },
    detailhot_list_publisher: {
      classname: '.detailhot .good-list-1 .item .publisher',
      default: {
        color: "#787878",
        fontSize: "12px",
        margin: "0 0 6px",
        display: "flex",
        gap: "6px",
      }
    },
    detailhot_list_time: {
      classname: '.detailhot .good-list-1 .item .time',
      default: {
        color: "#787878",
        fontSize: "12px",
        margin: "0 0 6px",
        display: "flex",
        gap: "6px",
      }
    },
    detailhot_list_like: {
      classname: '.detailhot .good-list-1 .item .like',
      default: {
        color: "#787878",
        fontSize: "12px",
        margin: "0 0 6px",
        display: "flex",
        gap: "6px",
      }
    },
    detailhot_list_collect: {
      classname: '.detailhot .good-list-1 .item .collect',
      default: {
        color: "#787878",
        fontSize: "12px",
        margin: "0 0 6px",
        display: "flex",
        gap: "6px",
      }
    },
    detailhot_list_view: {
      classname: '.detailhot .good-list-1 .item .view',
      default: {
        color: "#787878",
        fontSize: "12px",
        margin: "0 0 6px",
        display: "flex",
        gap: "6px",
      }
    }
  },
  css: "/* 详情页样式文件 */"
}
export default detailDefaultData